@bgBlock:#232916;@bgwhite:#fff;
html{
  min-height:12rem;
}
body{
  background-color: #fff;
  min-height:12rem;
}
header{
  position: relative;
  background-color: @bgBlock;
  padding: 0 0.2rem;
  height: 0.88rem;
  img{
    &.program-left{
      width: 0.63rem;
    }
    &.program-right{
      width:0.46rem;
    }
  }
  >input{
    width: 5.6rem;
    height: 0.49rem;
    font-size: 0.24rem;
    padding: 0 0.3rem;
    margin-left: .08rem;
    background-color: @bgwhite;
    border-radius: 0.245rem;
  }
}

section{
  padding: 0.1rem;
  padding-bottom: 0.98rem;
  .index-banner{
    height: 6.9rem;
    margin-bottom: 0.06rem;
    .swiper-container{
      height:100%;
      .swiper-pagination{
        bottom: 0rem;
      }
    }
    img{
      width: 7.3rem;
      height:100%;
    }
  }
  .hot-product{
    font-size: 0;
    margin-bottom: .75rem;
    overflow: hidden;
    
    img{
      width: 3.61rem;
      height:2.7rem;
      &:first-of-type{
        margin-right: 0.08rem;
      }
    }

  }
  .index-product-list{
    padding-bottom: 0.23rem;
    &:last-of-type{
      margin-bottom: 0;
    }
    .list-header{
      margin-top: 0.4rem;
      margin-bottom: 0.43rem;
      text-align: center;
      img{
        height: 1.38rem;

      }
    }
    .list-content{
      padding: 0 0.3rem;
      .list-item{
        letter-spacing:0px;
        float: left;
        text-align: center;
        margin-right: 0.65rem;
        margin-top: 0.62rem;
        width: 1.8rem;
        color: #727171;
        &:nth-of-type(3n){
          margin-right: 0;
        }
        &:nth-of-type(-n+3){
          margin-top: 0;
        }
        .en-name{
          margin-top: 0.22rem;
          font-size: 0.18rem;
          line-height: 100%;
          font-family: "PingFang SC";
          font-weight: bold;
        }
        .cn-name{
          margin: 0.09rem 0 0.1rem;
          line-height: 0.24rem;
          font-size: 0.24rem;
          font-family: "PingFang SC";
          font-weight: bold;
        }
        .price-size{
          line-height: 100%;
          font-size: 0.2rem;
          font-family: "PingFang SC";
          font-weight: bold;
        }
        .item-picture{
          font-size: 0;
          width: inherit;
          height: 1.8rem;
          img{
            width: inherit;
            height: inherit;
          }
        }
      }
    }
  }
  .category{
    //min-height: 12rem;
  }  
}
.pop{
    background:rgba(0,0,0,0.30);
    width:100%;
    height:100%;
    position: fixed;
    z-index: 5;
    top:0;
    font-size: .34rem;
    div{
        background:#ffffff;
        width:5.80rem;
        margin:0 auto;
        margin-top: 3rem;
        text-align: center;
        border-radius: .3rem;
        overflow: hidden;
        img{
          width:1.2rem;
          height:1.2rem;
          margin-top: .5rem;
        }
        .tit{
          font-size: .36rem;
          color: #030303;
          line-height: .34rem;
          padding-top: .2rem;
          padding-bottom: .2rem;
        }
        .describ{
          font-size:.3rem;
          color:#aeaeae;
          letter-spacing:0px;
          line-height:.4rem;
          text-align:center;
          margin:0 .5rem .4rem .5rem;
        }
        .btn{
          font-size: .32rem;
          span{
              display: inline-block;
              width: 2rem;
              height:.8rem;
              line-height: .78rem;
              border-radius: .12rem;
              border:.01rem solid #000;
              margin-top: .2rem;
              margin-bottom: .5rem;
          }
          .cancel{
              background: white;
              float: left;
              margin-left: .5rem;
          }
          .submit{
              background: #000;
              color: white;
              float: right;
              margin-right: .5rem;
          }
        }
    }
  }